<%@ page language="java" import="java.util.*" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>迅购网 - 搜索结果</title>

    <%@ include file="../../common/taglib.jsp" %>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="/home/assets/icheck/skins/square/blue.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/home/assets/kkpager/css/kkpager_blue.css" />
    <link rel="stylesheet" href="/home/module/goodSearch/css/goodSearch.css">

</head>
<body>
    <jsp:include page="../../global/head.jsp" flush="true">
        <jsp:param name="showkj" value="0"/>
    </jsp:include>
    <script type="text/javascript" src="/home/assets/icheck/icheck.js"></script>
    <!--内容开始-->
    <!--筛选结果-->

<%--<div class="screening-results w1200">
        <p class="tiao">找到共 233 条</p>
        <div class="results">
            <p class="re-p1 f-l">
                全部结果：零食 > <span>品牌：三只松鼠　X　</span>　>
            </p>
            <div class="re-search f-l">
                <input type="text" placeholder="三只松鼠" class="f-l" />
                <button></button>
                <div style="clear:both;"></div>
            </div>
            <p class="re-p2 f-r">
                <a href="#">清空筛选条件</a>
            </p>
            <div style="clear:both;"></div>
        </div>
    </div>--%>
    <input type="hidden" value="${param.goodTypeId}" id="goodTypeId">
    <div class="brand-sales">
        <c:forEach items="${goodPropertys}" var="goodProperty" varStatus="status">
            <dl class="propertyDL">
                <dt>${goodProperty.name}</dt>
                <dd>
                    <c:forEach items="${goodProperty.values}" var="propertyValue">
                        <div style="display:inline-block;padding-bottom: 10px;">
                            <input type="checkbox" name="propertyValue" value=${propertyValue.id}>
                            <span style="margin-right: 20px;margin-left: 6px;">${propertyValue.name}</span>
                        </div>
                    </c:forEach>
                </dd>
                <script>$('input').iCheck({checkboxClass: 'icheckbox_square-blue',radioClass: 'iradio_square-blue',increaseArea: '20%'});</script>
                <c:if test="${goodPropertys.size()>3&&status.index==2}">
                    <span id="moreProperty">展开更多</span>
                    <script>
                        $('.propertyDL:eq(2)').css('position','relative');
                        $(".brand-sales").css('height',$(".brand-sales").height());
                        $("#moreProperty").click(function(){
                            $(".brand-sales").css('height','auto');
                            $(this).hide();
                        });
                    </script>
                    <style type="text/css">
                        #moreProperty:hover{
                            color:#3B9BFF;
                        }
                        #moreProperty{
                            position: absolute;
                            bottom: 4px;
                            right: 6px;
                            font-size: 14px;
                            color: #999;
                            padding: 0 10px;
                            cursor:pointer;
                        }
                    </style>
                </c:if>
                <div style="clear:both;"></div>
            </dl>
        </c:forEach>
    </div>

    <!--内容↓↑-->
    <div class="shop-page-con w1200">
        <div class="shop-pg-right">
            <div class="shop-right-cmp" style="margin-top:0;">
                <ul class="shop-cmp-l f-l">
                    <li class="current"  id="orderBySalesVolume"><a>销量 ↓</a></li>
                    <li id="orderByPrice"><a>价格 ↓</a></li>
                    <li id="orderByComment"><a>评价 ↓</a></li><!--TODO:未完成按照评价排序、为完成按照地理位置排序-->
                    <div style="clear:both;"></div>
                </ul>
                <div class="shop-cmp-m f-l">
                    <span>价格</span><input id="minPrice" type="text" style="line-height: initial;" /><span>-</span><input id="maxPrice" type="text" style="line-height: initial;"/>
                </div>
                <div class="shop-cmp-r f-l">
                    <ul class="f-l">
                        <li>
                            <input type="checkbox" id="hasGoods" name="hobby" value="1"></input>
                            <span style="vertical-align: middle;">仅显示有货</span>
                        </li>
                        <div style="clear:both;"></div>
                    </ul>
                    <button id="certainPrice">确定</button>
                </div>
                <div style="clear:both;"></div>
            </div>
            <div class="shop-right-con">
                <ul class="shop-ul-tu shop-ul-tu1" id="goodGrid">
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li style="margin-right:0;">
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li style="margin-right:0;">
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li>
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <li style="margin-right:0;">
                        <div class="li-top">
                            <a href="#" class="li-top-tu"><img src="images/sp-con-r-tu.gif" /></a>
                            <p class="jiage"><span class="sp1">￥109</span><span class="sp2">￥209</span></p>
                        </div>
                        <p class="miaoshu">德国原装进口Wurenbacher瓦伦冰黑啤5L/桶</p>
                        <div class="li-md">
                            <div class="md-l f-l">
                                <p class="md-l-l f-l" ap="">1</p>
                                <div class="md-l-r f-l">
                                    <a href="JavaScript:;" class="md-xs" at="">∧</a>
                                    <a href="JavaScript:;" class="md-xx" ab="">∨</a>
                                </div>
                                <div style="clear:both;"></div>
                            </div>
                            <div class="md-r f-l">
                                <button class="md-l-btn1">立即购买</button>
                                <button class="md-l-btn2">加入购物车</button>
                            </div>
                            <div style="clear:both;"></div>
                        </div>
                        <p class="pingjia">88888评价</p>
                        <p class="weike">微克宅购自营</p>
                    </li>
                    <div style="clear:both;"></div>
                </ul>

                <!--分页-->
                <div class="paging">
                    <div id="kkpager"></div>
                </div>
            </div>
        </div>
        <div style="clear:both;"></div>
    </div>
    <script type="text/javascript" src="/home/assets/kkpager/js/kkpager.js"></script>

    <script type="text/javascript" src="/home/module/goodSearch/js/goodSearch.js"></script>
</body>
</html>